<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>3-form5.html</title>
</head>
<body>
    <!-- 进度条：<progress value="0.3" max="1"></progress>30%
    游标进度：
    <form oninput="result.value=n1.value">
        <input type="range" value="30" name="n1">
        <output name="result">30</output>
    </form>
    不同的范围值显示样式不同：
    <meter name="wendu"
     min="-40" max="120" 
     low="15" high="25"
     value="100"></meter> -->

     <!-- 标签库：
    input type=text与select的结合： -->
    datalist
    <input list="a1" type="text" name="address">
    <datalist id="a1">
        <option>太原市</option>
        <option>大同市</option>
        <option value="changzhi">长治市</option>
        <option value="jinzhong">晋中市</option>
    </datalist>

    <!-- google下使用：
    time:<input type="time">
   date: <input type="date">
   number; <input type="number">
   email: <input type="email">
    color:<input type="color">


    <form id="f1" action="a1" method="get">
        <input type="text" name="n1" value="v1">
        <input type="text" name="n3" required>
        <input type="text" name="n4" pattern="/^\w{3,}$/i"
        <input type="submit">
        <input type="submit" formaction="a2" formmethod="get">
    </form>
    <input autofocus tpye="text" name="n2" value="v2" form="f1"> -->
</body>
</html>